$("#inp").focus(function () {
    // 输入框获取焦点
    $('.inp>P').css({
        'font-size': '14px',
        'top': '-20px',
        'color': 'rgba(0, 0, 0, 0.56)'
    })
    $(this).css('border-color', '#76c61d')
    $("#inp").attr("placeholder", "");
}).blur(function () {
    // 输入框失去焦点
    $(this).css('border-color', 'rgba(0, 0, 0, 0.12)')
    if ($("#inp").val() == '') {
        $('.inp>P').css({
            'font-size': '16px',
            'top': '0',
            'color': 'rgba(0, 0, 0, 0.38)'
        })
    }
});

$("#inp").bind("input propertychange", function () {
    if ($('#inp').val() != '') {
        $('#forget-btn').removeAttr("disabled");
        $('#forget-btn').css({
            'background': '#00A862',
            'border': '0',
            'color': '#fff',
            'cursor': 'pointer'
        })
    } else {
        $('#forget-btn').css({
            'background': '#f7f7f7',
            'border -color': '#f7f7f7',
            'color': 'rgba(0, 0, 0, 0.38)',
            'cursor': 'not-allowed'
        })
        $('#forget-btn').attr("disabled", "disabled");
    }
})


$('#forget-btn').click(function () {
    var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
    if (reg.test($('#inp').val())) {
       
        $.ajax({
            method: "post",
            url: "/forget",
            data: {
                mail: $('#inp').val() 
            },
            success: function (data) {
                alert(data.msg)
                if (data.code == 200) {
                    location = '/login'
                }
            },
            fail: function (err) {
                console.log(err);
            }
        })
       
    } else {
        $('.error').css({
            'opacity': 1
        })
        $("#inp").css('border-color', '#e75b52')
    }
})